.detail {

  &_head {
    height: 320rpx;
    width: 100vw;
    background: #4C9CEA;
    display: flex;
    justify-content: center;
    align-items: center;

    &_center {
      display: flex;
      align-items: center;

      &-status {
        font-size: 50rpx;
        font-weight: 500;
        color: #fff;
      }
    }
  }

  &_falls {
    margin-top: -80rpx;

    &_solid {
      width: 100%;
      height: 20rpx;
      background: #077DF1;
      border-radius: 200rpx;
    }

    &_value {
      margin-top: -10rpx;
      padding: 0 10rpx;
      box-sizing: border-box;

      &_box {
        background: #fff;

        &-title {
          padding: 22rpx 20rpx;
          font-size: 28rpx;
          font-weight: 500;
        }

        &_row {
          padding: 22rpx 20rpx;
          display: flex;
          align-items: center;
          font-size: 28rpx;
          font-weight: 400;

          &-label {
            flex-shrink: 0;
            margin-right: 20rpx;
            color: #979797;
          }

          &-value {
            flex: 1;

          }
        }
      }
    }
  }
}